<template>
  <div class="supportService">
    <!-- 新增空间 -->
    <div class="Container">
      <div class="supportService">
        <span>配套服务</span>
        <!-- <div class="recordBox" v-for='item in listData' :key="item.id">
          <span>{{item.create_time}}</span><br>
          <span>{{item.space_name}}</span><br> 实付金额:
          <span>{{item.pay_money}}</span><br> 付款方式:
          <span>{{item.pay_type}}</span><br> 费用包含: <br>拍摄费用:
          <span>{{item.shoot_money}}</span> 住宿订单:
          <span>{{item.room_money}}</span> 用餐:
          <span>{{item.repast_money}}</span>
          <div class="recordState">
            <span>{{item.status}}</span>
          </div>
        </div> -->
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  name: 'supportService',
  data() {
    return {
      listData: [
        {
          create_time: 1212,
          space_name: '都是直接拷贝',
          pay_money: 1551,
          pay_type: '微信',
          shoot_money: 123231,
          status: 0,
          room_money: 13213,
          repast_money: 1231
        },
        {
          create_time: 1223,
          space_name: '都是直接拷贝',
          pay_money: 1551,
          pay_type: '微信',
          shoot_money: 123231,
          status: '已完成',
          room_money: 13213,
          repast_money: 1231
        },
        {
          create_time: 1223,
          space_name: '都是直接拷贝',
          pay_money: 1551,
          pay_type: '微信',
          shoot_money: 123231,
          status: '已完成',
          room_money: 13213,
          repast_money: 1231
        },
        {
          create_time: 1223,
          space_name: '都是直接拷贝',
          pay_money: 1551,
          pay_type: '微信',
          shoot_money: 123231,
          status: '已完成',
          room_money: 13213,
          repast_money: 1231
        },
        {
          create_time: 1223,
          space_name: '都是直接拷贝',
          pay_money: 1551,
          pay_type: '微信',
          shoot_money: 123231,
          status: '已完成',
          room_money: 13213,
          repast_money: 1231
        }
      ]
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.supportService
  .Container
    .supportService
      height auto
      margin-top 20px
      display flex
      flex-direction row
      flex-wrap wrap
      justify-content space-between
      // .recordBox
      //   width 320px
      //   height 150px
      //   border 1px #000 solid
      //   // justify-content space-around
      //   margin-top 40px
      //   // margin-left 40px
      //   position relative
      //   // display inline-block
      //   // &:nth-child(1)
      //   //  margin-left 20px
      //   .recordState
      //     width 100px
      //     height 100px
      //     border-radius 50%
      //     border 1px #000 solid
      //     position absolute
      //     right -25px
      //     top -25px
      //     background #fff
      //     span
      //       text-align right
      //       line-height 100px
</style>
